{% include header.html %}
  <div class="d-md-flex">
    <div class="flex-self-stretch border-md-right border-gray-light bg-white col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
      {% include masthead.html metadata=true %}
    </div>

    <div class="col-md-7 col-lg-8 col-xl-9 px-4 py-6 px-lg-7 border-top border-md-top-0 bg-gray-light">
      <div class="mx-auto" style="max-width: 900px;">
        {%- unless content == ""  -%}
          <div class="f4 mb-6">
            {{ content }}
          </div>
        {%- endunless -%}

        {% include projects.html %}

        {%- if site.topics -%}
          {% include interests.html %}
        {%- endif -%}

        {%- unless posts_total == 0 -%}
          {% include article.html %}
        {%- endunless -%}
      </div>
    </div>
  </div>
{% include footer.html %}